草庐IT

Foundation 侧边栏

全部标签

javascript - 嵌入带有侧边栏列表可见的 YouTube 播放列表插件

我知道YouTubeAPI目前不提供显示类似于本地YouTube播放列表的播放列表边栏的功能。通过搜索,我发现了一个很有前途的插件来模仿这种行为。https://github.com/jakiestfu/Youtube-TV不幸的是,此插件不再适用于YouTube的APIv.3,但是,Giorgio003创建了一个支持APIv.3的分支。https://github.com/Giorgio003/Youtube-TV我已按照所有安装说明进行操作,但似乎无法正常工作。这是我的页面:TestingYouTubePlaylistdocument.addEventListener("DOMCo

javascript - 项目中的 Foundation 6.4 JavaScript 无法正常工作,但外部 JS 可以

我对Foundation6.4中的javascript失去了理智。我不知道这个Webpack是怎么回事。似乎有些库/插件可以工作,有些则不能。我的最新一期是plyr(https://plyr.io/)。我不明白为什么TweenMax可以100%正常工作而plyr.js却不行。我究竟做错了什么?这是我得到的错误..app.js:23026UncaughtReferenceError:plyr未定义这就是我的app.js的样子..import$from'jquery';importwhatInputfrom'what-input';window.$=$;window.jQuery=$;re

javascript - 语义 UI 边栏和下拉菜单

我正在尝试使用语义ui创建一个简单的webui。我想要一个带有菜单的侧边栏,在某些项目中会有子项目......应该不会那么难吧?http://jsfiddle.net/ycm8ctfx/ExampleMessages如何让子项目在正常页面内容上“飞出”侧边栏?如果您在示例中单击“消息”,将出现菜单(观察底部出现的滚动条),但由于它们是侧边栏的子项,因此它们显示在侧边栏中。但我希望它们漂浮在正常内容上!我没有通过摆弄z-index来让它工作。 最佳答案 如果侧边栏被配置为使用overlay过渡,它可以通过指定来修复.ui.sideba

javascript - 使用 jQuery 在页眉和页脚之间滚动时如何使侧边栏变粘(不滚动它们)?

我需要一个严格的jQuery解决方案来解决这个问题。这是因为我使用的是Wordpress,而我想要粘性的侧边栏小部件位于中。我无法制作全高的元素。以与.scrollTop()相同的方式检测我在页面下方多远以使侧边栏小部件具有粘性我需要JS检测我距离页面底部多远以通过分配新的固定位置“取消粘附”小部件。我试着用.offset()来做到这一点但到目前为止我一直无法让它发挥作用。functionstopDiv(){vardistance=$('.footer').offset().top-$('.widget').offset().top;if(distance正如您在下面的代码片段中看到的

javascript - Bootstrap 可折叠侧边菜单项

我正在尝试制作一个使子元素可折叠的Bootstrap侧边菜单。类似于http://jsfiddle.net/但是我想要子菜单中的链接项而不是这么复杂的结构。这是我尝试过的MoreBlogAboutUSJobsNavitemagainOnemorenavAnothernavitem可放置的子菜单不会将列表中的其余元素向下推,而是出现在它们的顶部。这使得导航变得困难。 最佳答案 使用面板和折叠插件来制作一个简单的Accordion不是更好吗?这是一个例子来说明我的意思。它做我想你想要的。MoreBlogAboutUSJobsNavite

javascript - 如何正确地将数据发送到打开的 Firefox 侧边栏?

我正在尝试将数据发送到sidebar.我查看了以下文档,但我无法弄清楚如何在已经打开时将数据正确发送到栏。CommunicatingwithsidebarscriptsCommunicatingwithotherscriptsUsingports我目前的方法是将侧边栏附加到全局变量时得到的worker对象保存到全局变量中,但我确信有更好的方法。展示我当前方法的最小示例:varBARWORKER=undefined;require("sdk/ui/sidebar").Sidebar({id:"mybar",url:"./sidebar.html",onReady:function(wor

使用 Team Foundation Server Build 进行 JavaScript 单元测试

我们使用的是TeamFoundationServer2010,我们使用Jasmine在本地机器上运行了一些JavaScript单元测试。.我们正在使用基于工作流程的构建。有没有人在构建期间成功运行Jasmine测试?如果Jasmine测试失败,您可以中断构建吗? 最佳答案 我看到的方法是使用CodePlex上可用的ChutzpahTestRunner:http://chutzpah.codeplex.com/这允许您从命令行运行Jasmine/QUnit测试,然后可以使用InvokeProcess事件轻松地将其与TFSBuild集成

javascript - 如何在 Chrome 中以编程方式切换 Zurb Foundation 开关控件?

我想使用javascript动态切换ZurbFoundationSwitch控件的状态。这是默认的ZurbFondation开关:OffOn演示here.它们基于thisproject,我相信。当我尝试使用jquery更改开关的状态时:$('#d1').attr('checked','checked');$('#d').removeAttr('checked');//SwitchON$('#d').attr('checked','checked');$('#d1').removeAttr('checked');//SwitchOFF它在Firefox中有效,但在Chrome中无效。在C

javascript - Zurb Foundation 的样式自动完成

使用Foundation功能而不是jQueryCSS进行自动完成的最佳做法是什么?这是我的代码:http://jsfiddle.net/qhoc/88kfb/FieldsetInputLabel我只是不想在页面上包含另一个.css文件:所以我想我有两个问题:有没有办法使用Foundation或其他东西的dropdown?似乎dropdown仅适用于topbar并且它的css在该特定用例之外搞砸了。在Foundation中创建下拉菜单的“标准”方法是什么?请帮忙举个例子。因为我认为它要么是一堆rows,要么是dropdown的调整 最佳答案

javascript - Bootstrap 边栏滚动、Affix 和 Scrollspy

较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有